<template>
    <div>
      <div class="messageContainer">
        <div>
          <img :src='headIcon' alt="">
          <input type="text" placeholder="请发表你的留言">
          <img src="../../../assets/helpServerIcon/smile_face.png" alt="" style="margin-left:2vw;">
          <button>发送</button>
        </div>

      </div>
    </div>
</template>

<script>
    export default {
        name: "leaveMessage",
      props:['headIcon']
    }
</script>

<style lang="scss">
.messageContainer{
  width:100vw;
  height:13.0vw;
  background:#fff;
  padding-top:2.5vw;
  position:absolute;
  bottom:0px;
    div{
      width:92vw;
      height:8vw;
      margin:0px auto;
      img{
        width:8vw;
        height:8vw;
        float:left;
      }
      input{
        width:53vw;
        height:8vw;
        border:none;
        border-radius:2px;
        background:#f5f5f5;
        text-indent:1rem;
        float:left;
        margin-left:2vw;
      }
      button{
        width:16vw;
        height:8vw;
        border-radius:6px;
        color:#fff;
        background:#FF4C50;
        border:none;
        float:right;
      }
    }
}
  input::placeholder{
    color:#999999;
    font-size:15px;
  }
</style>
